
.u-wrap {

	height: calc(100vh);

	/* #ifdef H5 */

	height: calc(100vh - var(--window-top));

	/* #endif */

	display: flex;

	flex-direction: column;

}



/* -- 背景颜色 -- */

.bg-white {

	background-color: #FFFFFF;

}

.bg-gray {

	background-color: #F9F9F9;

}

.bg-main {
	background-color: #FF3E00;
}



/* -- 文字颜色 -- */

.text-white {

	color: #FFFFFF;

}

.text-gray {

	color: #909090;

}

.text-placeColor {

	color: #ACACAC;

}

.text-black {

	color: #333333;

}

.text-main {

	color: #FD9640;

}

.text-color666 {
	color: #666666;
}

.text-blue {

	/* color: #2E98FB; */
	color: #43C5FE !important;

}

.text-red {

	color: #F11616 !important;

}

/* -- 超出隐藏 -- */

.overflow-hidden {

	overflow: hidden;

}



/* -- 删除线 -- */

.line-through {

	text-decoration: line-through;

}



/* -- 圆角 -- */

.radio {

	border-radius: 10upx;

}



.radio-lg {

	border-radius: 20upx;

}



/* -- flex弹性布局 -- */





.flex-basis5 {

	flex-basis: 20%;

}



.flex-basis4 {

	flex-basis: 25%;

}



.flex-sub {

	flex: 1 1 auto;

	-ms-flex: 1 1 auto;

	/* IE 10 */

	-webkit-flex: 1 1 auto;

	/* Chrome */

	box-flex: 1 1 auto;

	-moz-box-flex: 1 1 auto;

	/* Firefox */

	-webkit-box-flex: 1 1 auto;

	/* Safari 和 Chrome */

}



.flex-direction {

	flex-direction: column;

	-o-flex-direction: column;

	-ms-flex-direction: column;

	-moz-flex-direction: column;

	-webkit-flex-direction: column;

	-webkit-box-orient: vertical;

}



.flex-wrap {

	/*-webkit-box-lines: multiple;*/

	flex-wrap: wrap;

	-o-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	-moz-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

}



.flex-nowrap {

	/*-webkit-box-lines: multiple;*/

	flex-wrap: nowrap;

	-o-flex-wrap: nowrap;

	-ms-flex-wrap: nowrap;

	-moz-flex-wrap: nowrap;

	-webkit-flex-wrap: nowrap;

	box-lines: single;

	-webkit-box-lines: single;

}



.align-start {

	align-items: flex-start;

	-o-align-items: flex-start;

	-ms-align-items: flex-start;

	-moz-align-items: flex-start;

	-webkit-align-items: flex-start;

	-webkit-box-align: start;

}



.align-end {

	align-items: flex-end;

	-o-align-items: flex-end;

	-ms-align-items: flex-end;

	-moz-align-items: flex-end;

	-webkit-align-items: flex-end;

	-webkit-box-align: end;

}



.align-center {

	align-items: center;

	-o-align-items: center;

	-ms-align-items: center;

	-moz-align-items: center;

	-webkit-align-items: center;

	-webkit-box-align: center;

}



.justify-start {

	justify-content: flex-start;

	-o-justify-content: flex-start;

	-ms-justify-content: flex-start;

	-moz-justify-content: flex-start;

	-webkit-justify-content: flex-start;

	-webkit-box-pack: start;

}



.justify-end {

	justify-content: flex-end;

	-o-justify-content: flex-end;

	-ms-justify-content: flex-end;

	-moz-justify-content: flex-end;

	-webkit-justify-content: flex-end;

	-webkit-box-pack: end;

}



.justify-center {

	justify-content: center;

	-o-justify-content: center;

	-ms-justify-content: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	-webkit-box-pack: center;

}



.justify-between {

	justify-content: space-between;

	-o-justify-content: space-between;

	-ms-justify-content: space-between;

	-moz-justify-content: space-between;

	-webkit-justify-content: space-between;

	-webkit-box-pack: justify;

}



/* -- 文本大小 -- */
.text18 {

	font-size: 18upx;

}


.text20 {

	font-size: 20upx;

}



.text22 {

	font-size: 22upx;

}



.text24 {

	font-size: 24upx;

}



.text26 {

	font-size: 26upx;

}



.text28 {

	font-size: 28upx;

}



.text30 {

	font-size: 30upx;

}



.text32 {

	font-size: 32upx;

}



.text34 {

	font-size: 34upx;

}



.text36 {

	font-size: 36upx;

}



.text38 {

	font-size: 38upx;

}



.text40 {

	font-size: 40upx;

}

.text44 {

	font-size: 44upx;

}


.text48 {

	font-size: 48upx;

}

.text52 {

	font-size: 52upx;

}
.text56 {

	font-size: 56upx;

}
.text60 {

	font-size: 60upx;

}



/* -- 文本超出隐藏 -- */

.text-cut {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}

.text-cut-all {
	text-align: justify;
	text-justify: newspaper;
	word-break: break-all;
}

.text-cut-sm {

	word-break: break-all;

	text-overflow: ellipsis;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

}

.text-cut-df {

	word-break: break-all;

	text-overflow: ellipsis;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.text-cut-lg {

	word-break: break-all;

	text-overflow: ellipsis;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}



.text-cut-xl {

	word-break: break-all;

	text-overflow: ellipsis;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical;

}

.text-cut-xxl {

	word-break: break-all;

	text-overflow: ellipsis;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

}



/* -- 加粗 -- */

.text-bold {

	font-weight: bold;

}

.text-medium {

	font-weight: 500;

}




/* -- 文本定位 -- */

.text-center {

	text-align: center;

}



.text-left {

	text-align: left;

}



.text-right {

	text-align: right;

}



/* -- 外间距 -- */

.margin-top-xs {

	margin-top: 10upx;

}



.margin-top-sm {

	margin-top: 20upx;

}



.margin-top {

	margin-top: 30upx;

}



.margin-bottom-xs {

	margin-bottom: 10upx;

}



.margin-bottom-sm {

	margin-bottom: 20upx;

}



.margin-bottom {

	margin-bottom: 30upx;

}



.margin-tb-xs {

	margin-top: 10upx;

	margin-bottom: 10upx;

}



.margin-tb-sm {

	margin-top: 20upx;

	margin-bottom: 20upx;

}



.margin-tb {

	margin-top: 30upx;

	margin-bottom: 30upx;

}



.margin-left-xs {

	margin-left: 10upx;

}



.margin-left-sm {

	margin-left: 20upx;

}



.margin-left {

	margin-left: 30upx;

}



.margin-right-xs {

	margin-right: 10upx;

}



.margin-right-sm {

	margin-right: 20upx;

}



.margin-right {

	margin-right: 30upx;

}



.margin-lr-xs {

	margin-left: 10upx;

	margin-right: 10upx;

}



.margin-lr-sm {

	margin-left: 20upx;

	margin-right: 20upx;

}



.margin-lr {

	margin-left: 30upx;

	margin-right: 30upx;

}



.margin-xs {

	margin: 10upx;

}



.margin-sm {

	margin: 20upx;

}



.margin {

	margin: 30upx;

}



/* -- 内边距 -- */

.padding-top-xs {

	padding-top: 10upx;

}



.padding-top-sm {

	padding-top: 20upx;

}



.padding-top {

	padding-top: 30upx;

}



.padding-bottom-xs {

	padding-bottom: 10upx;

}



.padding-bottom-sm {

	padding-bottom: 20upx;

}



.padding-bottom {

	padding-bottom: 30upx;

}



.padding-tb-xs {

	padding-top: 10upx;

	padding-bottom: 10upx;

}



.padding-tb-sm {

	padding-top: 20upx;

	padding-bottom: 20upx;

}



.padding-tb {

	padding-top: 30upx;

	padding-bottom: 30upx;

}



.padding-left-xs {

	padding-left: 10upx;

}



.padding-left-sm {

	padding-left: 20upx;

}



.padding-left {

	padding-left: 30upx;

}



.padding-right-xs {

	padding-right: 10upx;

}



.padding-right-sm {

	padding-right: 20upx;

}



.padding-right {

	padding-right: 30upx;

}



.padding-lr-xs {

	padding-left: 10upx;

	padding-right: 10upx;

}



.padding-lr-sm {

	padding-left: 20upx;

	padding-right: 20upx;

}



.padding-lr {

	padding-left: 30upx;

	padding-right: 30upx;

}



.padding-xs {

	padding: 10upx;

}



.padding-sm {

	padding: 20upx;

}



.padding {

	padding: 30upx;

}
